</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->Chart3D for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->Adding a Chart Legend<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="IsWebOutputRootPageLinkEnabled" format="<a href='#' class='PageLink' id='viewInFrameLink' title='$$VIEW_WITH_NAVIGATION_TOOLS_TIP$$' style='display: none' data-root-page='%%WebOutputRootPage%%%%OutputFileExtension%%' target='_top'>$$VIEW_WITH_NAVIGATION_TOOLS_TEXT$$</a>" --><!--DXMETADATA end--> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="Chart3D for WPF and Silverlight.html">Chart3D for WPF and Silverlight</a> > Using Chart3D for WPF and Silverlight > Adding a Chart Legend</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p><strong>Chart3D for WPF and Silverlight</strong> allows you to show a legend for contour or zone charts.The legend element displays information about each data series of the chart. The chart legend displays the mapping between the physical colors and the data series. It is controlled by the Legend property of <a href="C1.WPF.C1Chart3D.4~C1.WPF.C1Chart3D.C1Chart3D.html">C1Chart3D</a>.</p> <p>To add a legend for the chart, follow these steps:</p> <ol> <li>Add a <strong>C1Chart3D</strong> control to the window.</li> <li>Set the <a href="C1.WPF.C1Chart3D.4~C1.WPF.C1Chart3D.C1Chart3D~ChartType.html">ChartType</a> to <strong>SurfaceZone</strong> or <strong>SurfaceZoneContour</strong>. The XAML will look similar to the following:</li> </ol> <blockquote style="margin-right: 0px;" dir="ltr"> <div class="FilteredContentCS" data-title="CS" data-itemid="CS"> <table class="SyntaxTable"> <tbody> <tr> <th>XAML</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <c1chart3d:C1Chart3D Height=<span style="color: rgb(128, 0, 0);">"150"</span> HorizontalAlignment=<span style="color: rgb(128, 0, 0);">"Left"</span> Margin=<span style="color: rgb(128, 0, 0);">"137,77,0,0"</span> Name=<span style="color: rgb(128, 0, 0);">"c1Chart3D1"</span> VerticalAlignment=<span style="color: rgb(128, 0, 0);">"Top"</span> Width=<span style="color: rgb(128, 0, 0);">"200"</span> ChartType=<span style="color: rgb(128, 0, 0);">"SurfaceZone"</span>> <c1chart3d:GridDataSeries ZDataString=<span style="color: rgb(128, 0, 0);">"1 1 1,2 2 2,3 3 3"</span> /> </c1chart3d:C1Chart3D> </pre> </td> </tr> </tbody> </table> </div> </blockquote> <ol style="counter-reset: item 2;" start="3"> <li>Set the <a href="C1.WPF.C1Chart3D.4~C1.WPF.C1Chart3D.C1Chart3D~Legend.html">Legend</a> property to <a href="C1.WPF.C1Chart3D.4~C1.WPF.C1Chart3D.C1Chart3DLegend.html">C1Chart3DLegend</a>. Now the XAML will look like this:</li> </ol> <blockquote style="margin-right: 0px;" dir="ltr"> <div class="FilteredContentCS" data-title="CS" data-itemid="CS"> <table class="SyntaxTable"> <tbody> <tr> <th>XAML</th> <th> <div class="CopyCodeWrapper"> <span class="CopyCode">Copy Code</span> </div> </th> </tr> <tr> <td colspan="2"> <pre> <c1chart3d:C1Chart3D Height=<span style="color: rgb(128, 0, 0);">"150"</span> HorizontalAlignment=<span style="color: rgb(128, 0, 0);">"Left"</span> Margin=<span style="color: rgb(128, 0, 0);">"178,85,0,0"</span> Name=<span style="color: rgb(128, 0, 0);">"c1Chart3D1"</span> VerticalAlignment=<span style="color: rgb(128, 0, 0);">"Top"</span> Width=<span style="color: rgb(128, 0, 0);">"200"</span> ChartType=<span style="color: rgb(128, 0, 0);">"SurfaceZone"</span>> <c1chart3d:C1Chart3D.Legend> <c1chart3d:C1Chart3DLegend /> </c1chart3d:C1Chart3D.Legend> <c1chart3d:GridDataSeries ZDataString=<span style="color: rgb(128, 0, 0);">"1 1 1,2 2 2,3 3 3"</span> /> </c1chart3d:C1Chart3D> </pre> </td> </tr> </tbody> </table> </div> <p>Your chart will look similar to the following:</p> <p><img border="0" alt="" src="images/Graphics/AddLegend.png"></p> </blockquote> <p>Note that a legend is visible for contour or zone charts only.</p> <p> </p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><div class="SectionHeading" id="seealsoSectionHeading"><span class="SectionHeadingIcon"><!-- --></span><span class="SectionHeadingText">See Also</span></div><div id="seealsoSectionContent" class="SectionContent"><div class="SeeAlsoLink"> <a href="Roatation of the Graph and the slope.html">Rotating and Elevating a Chart</a></div> </div><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved.</p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/272000-wpf-and-silverlight-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>